﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfUserInfo.aspx.cs" Inherits="msBsc.WebUi.mMall.Buyer.mfUserInfo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机地接客商城</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/css/home/base.css" charset="gbk" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/css/public/mLogin.css" charset="gbk" />
    <link href="/themes/mStyle1/css/Buyer/mTouristInfo.css" rel="stylesheet" />
    <%=getBodyBeforeJs()%>
    <script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js,themes/wStyle1/js/comm/VerifyJs.js,themes/wStyle1/js/comm/DateInfo.js"
        type="text/javascript"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
        });
        //        $(window).bind('resize', function () { _self._ResizeHandler(_self); })
        //        .bind('scroll', function () { _self._ResizeHandler(_self); });
    </script>
    <!--head fix rgn-->
    <style type="text/css">
        /*板块布局开始*/
        .btn {
            height: 48px;
            line-height: 48px;
            font-size: 24px;
            font-weight: inherit;
        }

        /*.content_info {
            /background-color: #edeeee;
        }*/
        /*block为伸缩容器*/
        .block {
            display: table;
            width: 100%;
            margin-top: 30px;
        }
            /*block-list为伸缩项目*/
            .block .block-list {
                width: 33%;
                float: left;
                background-color: #fff;
                border-radius: 5px;
            }

        .block_Info {
            margin: 5px;
            border: 1px solid #cccccc;
        }

        .img_href {
            width: 100%;
            text-align: center;
        }

        .block-list-fist {
        }
        /*图片设置*/
        .bg-dingdan {
            background: url("/themes/mStyle1/Image/public/dingdan.gif") no-repeat scroll center center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-car {
            background: url('/themes/mStyle1/Image/public/car.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-luntan {
            background: url('/themes/mStyle1/Image/public/luntan.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-iam {
            background: url('/themes/mStyle1/Image/public/iam.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-gerenziliao {
            background: url('/themes/mStyle1/Image/public/gerenziliao.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-izhifu {
            background: url('/themes/mStyle1/Image/public/izhifu.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-suggest {
            background: url('/themes/mStyle1/Image/public/luntan.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .bg-tuijian {
            background: url('/themes/mStyle1/Image/public/tuijian.gif') no-repeat center #fff;
            display: inline-block;
            height: 54px;
            margin: 10px 0;
            width: 54px;
        }

        .link-p a {
            color: #333333;
            font-size: 14px;
        }

        .link-p {
            text-align: center;
            font: 20px 微软雅黑 Regular;
            overflow: hidden;
        }

        .link-next {
            font: 15px 微软雅黑 Regular;
            color: #adacac;
            margin-top: 5px;
        }
    </style>
    <base target="_self" />
</head>
<body>
    <div class="viewport">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <form action='#' method="post" id="J_EmailForm">
            <div class="t_Header">
                <div>
                    <img class="u_Avatar" id="headPhoto" src="" />
                </div>
                <div style="margin-top: 20px;">
                    <a class="u_Name" id="u_Name"></a>
                    <img id="img_gender" class="u_Sex" />
                </div>
            </div>
            <div class="content_info">
                <ul class="block">
                    <li class="block-list block-list-fist ">
                        <div class="block_Info">
                            <div class="img_href">
                                <a href="/mb_OrderList.htm" class="bg-dingdan"></a>
                            </div>
                            <p class="link-p">
                                <a href="/mb_OrderList.htm">订单管理</a>
                            </p>
                        </div>
                    </li>

                    <li class="block-list">
                        <div class="block_Info">
                            <div class="img_href">
                                <a href="/m/mb_ApplyDjack.htm" class="bg-iam"></a>
                            </div>
                            <p class="link-p">
                                <a href="/m/mb_ApplyDjack.htm">成为地接客</a>
                            </p>
                        </div>
                    </li>
                    <li class="block-list">
                        <div class="block_Info">
                            <div class="img_href">
                                <a id="aliItemBg" href="" class="bg-izhifu"></a>
                            </div>
                            <p class="link-p">
                                <a href="" id="aliAccountInfo"></a>
                            </p>
                        </div>
                    </li>
                    <li class="block-list">
                        <div class="block_Info">
                            <div class="img_href">
                                <a href="/m/mb_AccountsCentre.htm" class="bg-izhifu"></a>
                            </div>
                            <p class="link-p">
                                <a href="/m/mb_AccountsCentre.htm">账户中心</a>
                            </p>
                        </div>
                    </li>
                    <li class="block-list">
                        <div class="block_Info">
                            <div class="img_href">
                                <a href="/m/mb_TouristInfo.htm" class="bg-gerenziliao"></a>
                            </div>
                            <p class="link-p">
                                <a href="/m/mb_TouristInfo.htm">个人资料</a>
                            </p>
                        </div>
                    </li>
                    <li class="block-list">
                        <div class="block_Info">
                            <div class="img_href">
                                <a href="/mb_AccountsCentre.htm" class="bg-izhifu"></a>
                            </div>
                            <p class="link-p">
                                <a href="/mb_AccountsCentre.htm">账户管理</a>
                            </p>
                        </div>
                    </li>
                    <li class="block-list">
                        <div class="block_Info">
                            <div class="img_href">
                                <a class="bg-suggest"></a>
                            </div>
                            <p class="link-p">
                                <a href="/mb_CustomerSuggestion.htm">网站建议</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <%--<div>
                <button type="button" class="btn btn-large btn_size" onclick="$.setLoginOut();">退出</button>
            </div>--%>
            <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
        </form>
        <script type="text/javascript">
            $("#h_title").text("个人中心");
            $.getMessageCount();
            function btnDo() {
                var _jsParam = new jsonRow();
                _jsParam.AddCell("ACTION", "init");
                ajaxComm(_jsParam);
            };
            btnDo();
            //显示个人资料
            function showUserInfo(data) {
                $("#headPhoto").attr("src", getUserPhoto(data.rows[0].CUSTOMER_DEFAULT_PIC, data.CUSTOMER_BASEINFO_GENDER) + " 114x114img.jpg");
                //$("#imgHead").html("<img src='/Filters/Djack/" + getUserPhoto(data.HeadPhotoName, data.Gender) + "' />");
                if (!IsNull(data.rows[0].CUSTOMER_NICK)) {
                    $("#u_Name").text(data.rows[0].CUSTOMER_NICK);
                }

                if (!IsNull(data.rows[0].CUSTOMER_BASEINFO_GENDER)) {
                    if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "M") {
                        $("#img_gender").attr("src", "/themes/wStyle1/Images/Public/man.png");
                    } else {
                        $("#img_gender").attr("src", "/themes/wStyle1/Images/Public/woman.png");
                    }
                }
            }
            function getUserPhoto(userPhoto, sex) {
                if (userPhoto != undefined && userPhoto != null && userPhoto != "") {
                    return userPhoto;
                }
                if (sex == "M") {
                    return "man.jpg";
                } else if (sex == "F") {
                    return "wman.jpg";
                } else {
                    return "djack.jpg";
                }
            }

            function SetUserAliAccount(linkStr, itemName) {
                $("#aliItemBg").attr("href", linkStr);
                $("#aliAccountInfo").attr("href", linkStr).text(itemName);
            }
        </script>
    </div>
</body>
<%=getBodyAfterJs() %>
</html>

